<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <!-- <script>
        document.querySelector('html').style.fontSize = window.screen.width / 10 + 'px';
    </script> -->
    <style>
    input {
  border: 0;
  outline: none; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html, body {
  height: 100%; }

.body {
  font-size: 0.42667rem; }

main {
  padding: 1.33333rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 16rem;
  position: relative; }
  main input {
    border: 1px solid #999;
    width: 100%;
    height: 2.66667rem;
    padding-left: 0.53333rem; }
  main .get-code {
    position: absolute;
    top: 6.24rem;
    right: 2.13333rem;
    font-size: 0.37333rem; }
  main button {
    border: 0;
    height: 2.66667rem;
    border-radius: 0.10667rem;
    background-color: #FF9900;
    text-align: center;
    line-height: 2.66667rem; }
  main > p {
    font-size: 0.42667rem;
    color: #666; }
    main > p a {
      text-decoration: none;
      color: #FF9900; }

/*# sourceMappingURL=register.css.map */

    </style>
</head>
<body>
    <main>
        <input type="number" placeholder="手机号">
        <input type="number" placeholder="手机短信验证码">
        <span class="get-code">获取验证码</span>
        <button>下一步</button>
        <p>用户注册即代表同意<a href="">《厂家网用户注册协议》</a></p>
    </main>
</body>
</html>